<template>
	<div class="content">
		<img src="../../assets/img/404.png" width="auto" height="auto"/>
		<a @click="go" class="aLink">点击返回</a>
	</div>
</template>


<script>
	export default {
		mounted(){
			document.querySelector(".content").style.height = document.documentElement.clientHeight+ 'px';
		},
		methods:{
			go(){
				history.back();
			}
		}
	}
</script>

<style scoped>
	div.content {
		width: 100%;
		height: 100%;
		background: #007BC1;
	}
	div.content img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-296px,-166px);
	}
	.aLink{
		position: absolute;
		top: 50%;
		left: 50%;
		background: #007BC1;
		transform: translate(-85px,74px);
		width: 188px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		border: 2px solid #fff;
		cursor: pointer;
	}
</style>
